<%@page import="viewObjects.EquipoVO"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Nueva Categoria</title>
</head>
<body>

	<% ArrayList<EquipoVO> equiposDisponibles = (ArrayList<EquipoVO>)request.getSession().getAttribute("equiposDisponibles"); %>

	<form id="formNuevaCategoria" action="NuevaCategoria" method="POST">
		Nombre: <input id="nombreCat" type="text" value="" name="nombre" />
		<br/>
		Seleccionar Equipos (sin categoria):
		<table border="1" >
			<tr>
				<td>Nombre</td>
				<td>Fecha de alta</td>
				<td> <input type="checkbox" onclick="toggle(this)" name="checkAll"/></td> 
			</tr>
			<% for(EquipoVO eq: equiposDisponibles){ %>
			<tr>
				 <td><%=eq.getNombre() %></td>
				 <td><%=eq.getFechaAlta() %></td>
				<td> <input type="checkbox" class="check" name="<%=eq.getNombre() %>" /></td> 
			</tr>
			<% } %>
			
		</table>
		
		<br/>

		<input id="inputEquipos" type="hidden" name="equipos" >

		<input type="submit" value="Aceptar" onclick="return enviarParametros()"/>
		
	</form>
	<script> 
		function toggle(source) {
		  checkboxes = document.getElementsByClassName('check');
			for(var i = 0; i < checkboxes.length ; i++){
				checkboxes[i].checked = source.checked;
			}
		}
	
		function enviarParametros(){
			if(!document.getElementById('nombreCat').value){
				alert('Debes ingresar un nombre para la categoria');
				return false;
			}
			var j = 0;
			var equiposParametros = '';
			var cbs = document.getElementsByTagName('input');
			for(var i = 0; i < cbs.length ; i++){
				if(cbs[i].checked && cbs[i].getAttribute('name') != 'checkAll'){
					if(equiposParametros == '')
						equiposParametros += cbs[i].getAttribute('name');
					else
						equiposParametros += '--' + cbs[i].getAttribute('name');
					
					j++;
				}
			}
			if(j > 0){ //CAMBIAR DESPUES A 4!!
				document.getElementById('inputEquipos').value = equiposParametros;
				
				return true;
				}else{
					alert("Debes seleccionar al menos cuatro equipos");
					return false;
				}
				
		}
	</script>
</body>
</html>